
.wrapper {
  
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100vh;
}
.contentTable{
  flex: 1;
  min-height: 200px;
}
.left {
  width: 100%;
}

.right {
  width: 280px;
}

.panel {
  background-color: var(--color-bg-2);
  border-radius: 4px;
  overflow: auto;
}

.header {
  margin-bottom: 5px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


.drawHeader {
  width: 430px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.drawHeader2 {
  width: 1030px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.mergeRoot {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.mergeContent {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.mergeColumn {
  width: 180px;
}

.mergeBtnColumn {
  margin-top: 100px;
  width: 100px;
}
.mergeBtn{
  width: 150px;
}
.mergeList{
  margin-top: 10px;
  width: 170px;
  height: calc(100vh - 150px);
}

.seq2Line{
  display: flex;
  flex-direction: row;
  justify-content:flex-end;
  margin-bottom: 5px;
  width: 600px;
  margin-left: auto;
}
.seq2Input{
  width: 100px;
}
.seq2Setting{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
 
}
.red {
  color: red;
}
.yellow {
  background-color: yellow;
}
.blue {  
  background-color: blue;
  color: white;
}
.grey{
  background-color: grey;
  
}
.green{
  background-color: green;
  color: white;
}
.purple{
  background-color: purple;
  color: white;
}
.brown{
  background-color: brown;
  color: white;
}

